<template>
  <!-- 显示k线图组件 -->
  <Kechart v-if="kdata.x" :kdataprop="kdata"></Kechart>
</template>

<script>
import { getKdata } from '@/utils/echart'
// 引入 k线图组件
import Kechart from '@/components/Kechart.vue'
export default {
  name: '',
  data() {
    return {
      kdata: {} // k线图数据
    }
  },
  created() {
    // 接口数据请求数据异步请求
    getKdata().then((res) => {
      console.log(res)
      this.kdata = res.data.data
    })
  },
  components: {
    Kechart
  }
}
</script>
<style scoped>
#mainbox {
  width: 600px;
  height: 500px;
  border: 1px solid black;
}
</style>